<template>
    <div class="node-page page-collection">
        <Row>
            <Col :span="10">
            <div class="panel-box">
                <div class="panel-header">
                    <Icon type="clipboard"></Icon>案件信息
                </div>
                <div class="panel-body">
                    <InfoTable :model="infoModel" :col="3" :data="infoData"></InfoTable>
                </div>
            </div>
            </Col>
            <Col :span="8">
            <div class="panel-box">
                <div class="panel-header">
                    <Icon type="person-stalker"></Icon>联系人信息
                </div>
                <div class="panel-body">
                    <tableEditor module="contacts" size="small" :model="contactsModel" :data="contactsData"></tableEditor>
                </div>
            </div>
            </Col>
            <Col :span="6">
            <div class="panel-box">
                <div class="panel-header">
                    <Icon type="ios-settings-strong"></Icon>案件分析
                </div>
                <div class="panel-body">
                    DATA
                </div>
            </div>
            </Col>
        </Row>

        <div class="assist-box panel-box">
            <div class="panel-header">
                <Icon type="paperclip"></Icon>辅助信息
            </div>
            <div class="panel-body">
                DATA
            </div>
        </div>

        <div class="layout-bottom-fixed">
            <ActionPanel :model="pageModel.actions"></ActionPanel>
        </div>
        <Icon type="ios-telephone"></Icon>1223456

    </div>
</template>

<script>
import ActionPanel from 'action/actionPanel'
import moduleStore from './store'
import pageBase from '@/pages/base'
import tableEditor from '@/components/gridTableEditor/index'
import InfoTable from '@/components/infoTable'

export default {
    name: 'collection',
    moduleStore,
    extends: pageBase,
    created() {
        this.setModel(this.model)
        this.pageModel.actions = [{ code: 'test', name: '测试', type: 'process' }]
    },
    components: {
        ActionPanel,
        tableEditor,
        InfoTable
    }
}
</script>

<style lang="less">
.page-collection {
    .panel-box {
        margin: 8px 16px;
        .panel-header {
            font-size: 14px;
            font-weight: bold;
            >.ivu-icon {
                margin-right: 8px;
            }
        }
        .panel-body {
            padding: 8px 0;
        }
    }
    .assist-box {}
    .layout-bottom-fixed {
        >.action-box {
            padding-bottom: 0;
            width: 100%;
            text-align: right;
        }
    }
}
</style>
